<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="themes/css/core.css">
	<link rel="stylesheet" type="text/css" href="themes/css/icon.css">
	<link rel="stylesheet" type="text/css" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/mui.css">
	<link rel="stylesheet" href="css/mui.picker.css" />
	<link rel="stylesheet" href="css/mui.poppicker.css" />
	
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<link rel="stylesheet" type="text/css" href="themes/font/font-awesome/css/font-awesome.min.css">	
	<style>	
		
		.location{
			width: 36%;
			font-size: 14px;
			color: #FFFFFF;
			padding-left: 16px;
			float: left;
			height: 2.8rem;
			line-height: 2.8rem;
		}
		.aui-header-center-clear{
			width: 60%;
			margin: 0;
		}
		
		.aui-icon-small-s{
			height: 35px;
		}

		.aui-grid-row a{
			width: 25%;
		}
		.teacher{
			float: right;
		}
		.aui-list-product-item-price{
			width: 50%;
			overflow: hidden;
			word-break: break-all;
			white-space:nowrap;
		}
		.aui-comment{
			/*width: 50%;*/
			overflow: hidden;
			word-break: break-all;
			white-space:nowrap;
		}
		.aui-banner-wrapper{
			height: 100%;
			
		}
		.aui-banner-wrapper-item a{
			height: 100%;			
		}
		/*解决iphone5搜索框顶下去的问题*/
		.aui-header-search{
			width: 85%;
		}
		input[type='search']{
			height: inherit
		}
			
	</style>
</head>
<body>

	<header class="aui-header-default1 aui-header-fixed " style="background-color: transparent;border-color: transparent">
		<div class="location"  id="J_Address">
				<i class="fa fa-map-marker"></i>
				<span id="campus">选择学校</span>
		</div>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-search-box">
				<i class="aui-icon aui-icon-small-search"></i>
				<input id="aui-header-search" type="search"  placeholder="搜索课程" class="aui-header-search">
			</div>
		</div>
	</header>
	

	
	<div class="aui-content-box">
		<div class="aui-banner-content " data-aui-slider>
			<div class="aui-banner-wrapper">
				
			</div>
			
			<div class="aui-banner-pagination"></div>
		</div>
		<section class="aui-grid-content">
			<div class="aui-grid-row">
				<a name="classSearch" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-sign"></i>
					<p class="aui-grid-row-label">课外辅导</p>
				</a>
				<a name="classSearch" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-time"></i>
					<p class="aui-grid-row-label">研学旅行</p>
				</a>
				<a name="classSearch" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-vip"></i>
					<p class="aui-grid-row-label">冬夏令营</p>
				</a>
				<a name="classSearch" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-group"></i>
					<p class="aui-grid-row-label">线上辅导</p>
				</a>
			</div>
		</section>
		

		<div class="aui-dri"></div>
		
		<div class="aui-list-content">
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<a href="one-bite-price.html?discountType=1">
						<img src="themes/img/bg/huodong_xszk.png" alt="">
					</a>
				</div>
			</div>
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<a href="one-bite-price.html?discountType=2">
						<img src="themes/img/bg/huodong_ykj.jpg" alt="">
					</a>
				</div>
			</div>
		</div>
	
		
		<section class="aui-list-product">
			<div class="aui-list-product-box">
				
			</div>
		</section>
		

	</div>

	<footer class="aui-footer-default aui-footer-fixed">
		<a href="index.html" class="aui-footer-item aui-footer-active">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
			<span class="aui-footer-item-text">首页</span>
		</a>
		<a href="class.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
			<span class="aui-footer-item-text">分类</span>
		</a>
		<a href="car.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
			<span class="aui-footer-item-text">购物车</span>
		</a>
		<a href="ui-me.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
			<span class="aui-footer-item-text">我的</span>
		</a>
	</footer>
	<script type="text/javascript" src="themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/mui.picker.js"></script>
	<script type="text/javascript" src="js/mui.poppicker.js"></script>
	<script type="text/javascript" src="js/city.data-3.js"></script>
	<script type="text/javascript" src="themes/js/common.js"></script>
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script type="text/javascript" src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/lazyload/jquery.lazyload.js"></script>		
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="static/index/index.js"></script>	
	
	
	
	<script  type="text/html" id="dataTmpl">
	    {{each}}
	    <a href="ui-product.html?id={{$value.id}}" class="aui-list-product-item">
			<div class="aui-list-product-item-img">
				<img class="lazy-load" src="{{$value.picture1 | pictureFormat}}" 
					data-original="{{$value.picture1 | pictureFormat}}" 
					onerror="this.src='themes/img/pd/course_defult.jpg'"
					alt="">
			</div>
			<div class="aui-list-product-item-text">
				<h3>{{$value.courseName}}</h3>
				<div class="aui-list-product-mes-box">
					<div class="aui-list-product-item-price">						
						<em>¥</em>
						{{$value.totalPrice | coursePriceFormat}}
					</div>
					<div class="aui-comment">讲师：{{$value.teacherMain}}</div>
				</div>
			</div>
		</a>
	    {{/each}}
	</script>
	
	<script  type="text/html" id="bannerTmpl">
		{{each}}
		<div class="aui-banner-wrapper-item">
			<a href="#">
				<img src="{{$value.img | imgFormat}}"  onerror="this.src='themes/img/banner/adv1.png'">
			</a>
		</div>		
		{{/each}}
	</script>
</body>
</html>